<template>
	<view class="bottom d-flex jc-start ai-center animated flipInX fast" @tap="openTopicDetail">
		<image :src="item.titlepic" mode="widthFix" lazy-load></image>
		<view class="detail">
			<view class="detail-title no-wrap">#{{item.title}}#</view>
			<view class="detail-main clamp2">{{item.desc}}</view>
			<view class="detail-footer">动态 {{item.totalnum}} 今日 {{item.todaynum}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:{
				type:Object
			},
			index:{
				type:Number
			}
		},
		methods:{
			openTopicDetail(){
				this.$Router.push({name: 'topic-detail'})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bottom {
		padding: 20upx 0;
		border-bottom: 1upx solid #EEEEEE;
	
		image {
			width: 150upx;
			height: 150upx;
			border-radius: 10upx;
			margin-left: 10upx;
			margin-right: 20upx;
		}
	
		.detail {
			color: #A4A4A4;
	
			view {
				width: 500upx;
				font-size: 26upx;
			}
	
			.detail-title {
				font-size: 32upx;
				color: #333333;
			}
			.detail-main{
				line-height: 40upx;
			}
		}
	}
</style>
